<template>
<el-container>
  <el-header>Header</el-header>
  <el-main>
    <!-- el-row 行元素  tr-->
     <el-row>
       <!-- el-col 列元素 td  span 默认是 24栅栏  -->
         <el-col :span="8" style="background-color: #00FF00;">&nbsp;</el-col>
         <el-col :span="8" style="background-color:#303133" align="center">
            <el-button>测试</el-button>
         </el-col>
         <el-col :span="8" style="background-color:#42B983">&nbsp;</el-col>
     </el-row>

  </el-main>
</el-container>

</template>

<script>
</script>

<style>
  .el-header{
     background-color: red;
  }
  .el-main{
    background-color: blue;
   
  }
</style>
